<!DOCTYPE html >
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/client/css/message.css}">
    <script th:src="@{/client/lib/jquery/jquery-3.7.1.min.js}"></script>
    <script th:inline="javascript">
        let ctx = /*[[@{/}]]*/"";
        if (ctx.endsWith("/")) {
            ctx = ctx.substring(0, ctx.length - 1);
        }
    </script>
    <script th:src="@{/client/js/message.js}"></script>
</head>
<body>
<div>
    <ul >
        <li th:each="d:${data}">
            <div class="date">
                姓名：<h3 th:text="${d.userName}" class="userName"></h3>
                房间类型<h3 th:text="${d.roomName}" class="roomName"></h3>
                房间号<h3 th:text="${d.roomId}" class="roomId"></h3>
                入住时间<h3 th:text="${d.birthFrom}" class="birthFrom"></h3>
                离店时间<h3 th:text="${d.birthTo}" class="birthTo"></h3>
            </div>
            <button class="delete" type="button">删除订单</button>
        </li>
    </ul>
</div>

<div>以上为最新消息</div>
</body>
<style>
    body{
        background-color: aliceblue;
    }
</style>
</html>